<template>
  <div>
    <!-- 头部导航 -->
    <Header />
    <div id="pagebanner" v-if="firstNav.logoUrl">
      <img :src="firstNav.logoUrl" alt="" style="width: 100%;height: 328px">
    </div>

    <div id="pagecontent">
      <div class="pagetitle">
        <div class="floatleft">
          <span class="font_32 font_deepblue">{{ firstNav.name }}</span>
          <span class="font_18" v-if="firstNav.esName">/ {{ firstNav.esName }}</span>
        </div>
        <div class="floatright">
          您的位置：<span @click="goHome" style="cursor:pointer">首页</span> >>
          <span>{{ firstNav.name }}</span>
          <template v-if="secondNav && secondNav.id">
            >> <span style="color:#0777db">{{ secondNav.name }}</span>
          </template>
        </div>
      </div>

      <div id="content">
        <LeftMenu ref="leftMenu" />
        <Rights />
      </div>
    </div>
    <!-- 底部 -->
    <Footer />
  </div>
</template>

<script>
import Header from '@/components/Header.vue'
import Footer from '@/components/Footer.vue'
import LeftMenu from '@/components/leftMenu.vue'
import Rights from '@/components/rights/index.vue'
import mixins from '@/mixins'

export default {
  name: 'AboutPage',
  mixins: [mixins],
  components: {
    Header,
    Footer,
    LeftMenu,
    Rights
  },
  mounted() {
    
  },
  watch: {
    // 监听路由变化，处理页面刷新或直接访问的情况
    '$route': {
      handler() {
        
      },
      immediate: false
    }
  },
  methods: {
    goHome() {
      this.$router.push('/')
    },
    
  },
  created() {
  }
}
</script>
<style lang="scss" >
@import './index.scss';
</style>
